<template>
  <div>
    <section class="todoapp">
      <TodoHeader></TodoHeader>
      <TodoMain></TodoMain>
      <TodoFooter></TodoFooter>
    </section>
    <hr />
    <h3>counter组件</h3>
  </div>
</template>

<script>
import TodoHeader from '@/components/TodoHeader'
import TodoMain from '@/components/TodoMain'
import TodoFooter from '@/components/TodoFooter'
export default {
  components: {
    TodoHeader,
    TodoMain,
    TodoFooter,
  },
}
</script>

<style></style>
